<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('进件+申请接口列表')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="formId">
                    <div class="select-list">
                        <ul>
                            <li>
                                <label>城市：</label>
                                <input type="text" name="city"/>
                            </li>
<!--                            <li>-->
<!--                                <label>：</label>-->
<!--                                <input type="text" name="province"/>-->
<!--                            </li>-->
                            <li>
                                <label>手机号：</label>
                                <input type="text" name="userPhone"/>
                            </li>
                            <li>
                                <label>姓名：</label>
                                <input type="text" name="name"/>
                            </li>
<!--                            <li>-->
<!--                                <label>性别 0:女 1:男：</label>-->
<!--                                <select name="sex" th:with="type=${@dict.getType('form_sex')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>月收入 1： 2000以下 2：2000-5000 3：5000-10000 4：10000以上：</label>-->
<!--                                <select name="monthlyIncome" th:with="type=${@dict.getType('form_monthly_income')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>贷款金额(单位：万)：</label>-->
<!--                                <input type="text" name="loanAmount"/>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>学历 1：初中及以下 2：高中或中专 3：大专 4：本科 5：研究生及以上(没有默认本科)：</label>-->
<!--                                <select name="qualification" th:with="type=${@dict.getType('qualification')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>职业 1：上班族 2：公务员/事业单位 3：私营业主：</label>-->
<!--                                <select name="profession" th:with="type=${@dict.getType('profession')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>公积金 1：无公积金 2：缴纳未满6个月 3：缴纳6个月以上：</label>-->
<!--                                <select name="gjj" th:with="type=${@dict.getType('form_gjj')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>社保 1：无社保 2：缴纳未满6个月 3：缴纳6个月以上：</label>-->
<!--                                <select name="socialInsurance" th:with="type=${@dict.getType('social_insurance')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>房产情况 1：无房产 2：有房：</label>-->
<!--                                <select name="house" th:with="type=${@dict.getType('house')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>车产情况 1：无车产 2：有车：</label>-->
<!--                                <select name="car" th:with="type=${@dict.getType('form_car')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>芝麻分 1：无芝麻分 2：600分以下 3：600~650分 4：650~700分 5：700分以上：</label>-->
<!--                                <select name="sesame" th:with="type=${@dict.getType('sesame')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>保单 1：无保单 :2：缴纳不足一年 :3：缴纳1年以上 4：缴纳2年以上：</label>-->
<!--                                <select name="insurancePolicy" th:with="type=${@dict.getType('insurance_policy')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>工资发放形式 1：银行卡 2：现金 3：自存：</label>-->
<!--                                <select name="payType" th:with="type=${@dict.getType('pay_type')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>信用卡 1：无信用卡 2:有信用卡：</label>-->
<!--                                <select name="creditCard" th:with="type=${@dict.getType('credit_card')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>人行征信情况 1：无人行征信记录 2：人行征信良好无逾期 3：人行征信近2两年有60天以内的逾期 4：人行征信近2两年有60天以上逾期 5：人行征信近两年有90天以上逾期 ：</label>-->
<!--                                <select name="creditInformation" th:with="type=${@dict.getType('credit_information')}">-->
<!--                                    <option value="">所有</option>-->
<!--                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>-->
<!--                                </select>-->
<!--                            </li>-->
                            <li>
                                <label>推送状态：</label>
                                <select name="state" th:with="type=${@dict.getType('form_state_2')}">
                                    <option value="">所有</option>
                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                                </select>
                            </li>
                            <li>
                                <label>推送结果：</label>
                                <select name="flag" th:with="type=${@dict.getType('form_state')}">
                                    <option value="">所有</option>
                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                                </select>
                            </li>
                            <li class="select-time">
                                <label>更新时间： </label>
                                <input type="text" class="time-input" id="startTime" placeholder="开始时间"/>
                                <span>-</span>
                                <input type="text" class="time-input" id="endTime" placeholder="结束时间"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <div class="btn-group-sm" id="toolbar" role="group">
<!--                <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="form:register:add">-->
<!--                    <i class="fa fa-plus"></i> 添加-->
<!--                </a>-->
<!--                <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="form:register:edit">-->
<!--                    <i class="fa fa-edit"></i> 修改-->
<!--                </a>-->
<!--                <a class="btn btn-info" onclick="$.table.importExcel()">-->
<!--                    <i class="fa fa-upload"></i> 导入-->
<!--                </a>-->
<!--                <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()">-->
<!--                    <i class="fa fa-remove"></i> 删除-->
<!--                </a>-->
<!--                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="form:register:export">-->
<!--                    <i class="fa fa-download"></i> 导出-->
<!--                </a>-->
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
        var editFlag = [[${@permission.hasPermi('form:register:edit')}]];
        var removeFlag = [[${@permission.hasPermi('form:register:remove')}]];
        var sexDatas = [[${@dict.getType('form_sex')}]];
        var monthlyIncomeDatas = [[${@dict.getType('form_monthly_income')}]];
        var qualificationDatas = [[${@dict.getType('qualification')}]];
        var professionDatas = [[${@dict.getType('profession')}]];
        var gjjDatas = [[${@dict.getType('form_gjj')}]];
        var socialInsuranceDatas = [[${@dict.getType('social_insurance')}]];
        var houseDatas = [[${@dict.getType('house')}]];
        var carDatas = [[${@dict.getType('form_car')}]];
        var sesameDatas = [[${@dict.getType('sesame')}]];
        var insurancePolicyDatas = [[${@dict.getType('insurance_policy')}]];
        var payTypeDatas = [[${@dict.getType('pay_type')}]];
        var creditCardDatas = [[${@dict.getType('credit_card')}]];
        var creditInformationDatas = [[${@dict.getType('credit_information')}]];
        var stateDatas = [[${@dict.getType('form_state_2')}]];
        var formS = [[${@dict.getType('form_state')}]];
        var prefix = ctx + "form/register";

        $(function() {
            var options = {
                url: prefix + "/list",
                createUrl: prefix + "/add",
                updateUrl: prefix + "/edit/{id}",
                removeUrl: prefix + "/remove",
                exportUrl: prefix + "/export",
                queryParams: queryParams,
                importUrl: prefix + "/importData",
                modalName: "详情",
                // showSearch: false,
                // showRefresh: false,
                showToggle: false,
                // showColumns: false,
                columns: [{
                    checkbox: true
                },
                {
                    field: 'id',
                    title: '',
                    visible: false
                },
                // {
                //     field: 'flag',
                //     title: '推送结果',
                //     formatter: function(value, row, index) {
                //         return $.table.selectDictLabel(formS, value);
                //     }
                // },
                {
                    field: 'state',
                    title: '推送状态',
                    formatter: function(value, row, index) {
                        return $.table.selectDictLabel(stateDatas, value);
                    }
                },
                {
                    field: 'createTime',
                    title: '创建时间',
                    sortable: true
                },
                {
                    field: 'updateTime',
                    title: '更新时间',
                    sortable: true
                },
                {
                    field: 'city',
                    title: '城市'
                    // striped: "true"
                },
                // {
                //     field: 'province',
                //     title: '省份'
                // },
                // {
                //     field: 'ipAddress',
                //     title: 'IP地址'
                // },
                {
                    field: 'userPhone',
                    title: '手机号'
                },
                // {
                //     field: 'userPhoneMd5',
                //     title: '手机号md5'
                // },
                // {
                //     field: 'idCard',
                //     title: '身份证'
                // },
                {
                    field: 'name',
                    title: '姓名'
                },
                // {
                //     field: 'sex',
                //     title: '性别',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(sexDatas, value);
                //     }
                // },
                {
                    field: 'age',
                    title: '年龄'
                },
                {
                    field: 'monthlyIncome',
                    title: '月收入',
                    formatter: function(value, row, index) {
                       return $.table.selectDictLabel(monthlyIncomeDatas, value);
                    }
                },
                {
                    field: 'loanAmount',
                    title: '贷款金额(单位：万)'
                },
                {
                    field: 'loanTerm',
                    title: '借款期限(月) '
                },
                // {
                //     field: 'qualification',
                //     title: '学历',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(qualificationDatas, value);
                //     }
                // },
                // {
                //     field: 'profession',
                //     title: '职业',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(professionDatas, value);
                //     }
                // },
                // {
                //     field: 'gjj',
                //     title: '公积金',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(gjjDatas, value);
                //     }
                // },
                // {
                //     field: 'socialInsurance',
                //     title: '社保',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(socialInsuranceDatas, value);
                //     }
                // },
                // {
                //     field: 'house',
                //     title: '房产情况',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(houseDatas, value);
                //     }
                // },
                // {
                //     field: 'car',
                //     title: '车产情况',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(carDatas, value);
                //     }
                // },
                // {
                //     field: 'sesame',
                //     title: '芝麻分',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(sesameDatas, value);
                //     }
                // },
                // {
                //     field: 'insurancePolicy',
                //     title: '保单',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(insurancePolicyDatas, value);
                //     }
                // },
                // {
                //     field: 'payType',
                //     title: '工资发放形式',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(payTypeDatas, value);
                //     }
                // },
                // {
                //     field: 'creditCard',
                //     title: '信用卡',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(creditCardDatas, value);
                //     }
                // },
                // {
                //     field: 'creditInformation',
                //     title: '人行征信情况',
                //     formatter: function(value, row, index) {
                //        return $.table.selectDictLabel(creditInformationDatas, value);
                //     }
                // },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-eye btn-xs" href="javascript:void(0)" onclick="$.operate.editTabOwn(\'' + row.id + '\')"><i class="fa fa-eye"></i>详情</a> ');
                        // actions.push('<a class="btn btn-danger btn-xs" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
                        return actions.join('');
                    }
                }]
            };
            $.table.init(options);
        });


        function queryParams(params) {
            var search = $.table.queryParams(params);
            search.params = {
                beginTime : beginOfTime($("#startTime").val()),
                endTime : endOfTime($("#endTime").val())
            };
            return search;
        }
    </script>
</body>

<script id="importTpl" type="text/template">
    <form enctype="multipart/form-data" class="mt20 mb10">
        <div class="col-xs-offset-1">
            <input type="file" id="file" name="file"/>
            <font color="red" class="pull-left mt10">
                提示：仅允许导入“xls”或“xlsx”格式文件！
            </font>
        </div>
    </form>
</script>
</html>